<template>
	<view class="header-layout" :style="{backgroundColor:bgColor}">
		<text :style="{color,fontSize}">{{title}}</text>
	</view>
</template>

<script setup>
	defineProps({
		// 背景色
		bgColor:{
			type:String,
			default:'#f7f7f7'
		},
		// 内容
		title:{
			type:String,
			default:'标题'
		},
		// 文字颜色
		color:{
			type:String,
			default:'#909399'
		},
		// 字体大小
		fontSize:{
			type:String,
			default:'28rpx'
		}
	})
</script>

<style lang="scss" scoped>
.header-layout{
	display: flex;
	align-items: center;
	padding: 20rpx 30rpx;
}
</style>